<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="../static/js/jquery.min.js" type="text/javascript"></script>
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script>
<script src="../static/js/jquery-ui.js" type="text/javascript"></script>
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>调代课</title>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
  
        <div class="navbar-header" style=" width:100%;">
                  <a class="navbar-brand"  href="javascript:history.go(-1);" style=" width:100%;  padding-right:0px;">
                  
                   <span class="glyphicon glyphicon-arrow-left white"></span>
               <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>-->
                   <span class="white" style="margin-left:10%">调代课</span>
                   <span class="glyphicon glyphicon-user white" style="float:right"></span>
                 
                 
                  </a>
          
        
        </div>

   
  
  </div><!-- /.container-fluid -->
</nav>
<!--头部 end-->
<!--主体部分-->
<div class="container" style="margin-top:70px;">
     <div class="row" style="margin-right:10%;">
      <div  class="col-xs-sm  text-right" > <a class="btn btn-primary" href="#" style="width:38%">显示功课表</a></div>
     </div><!--row  end-->
 
      <div class="row" style="margin-top:15px;margin-left:1px; margin-right:1px;">
      
          <form class="form-horizontal" role="form" action="" method="post">
          
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">班级</label>
                    <div class="col-sm-10">
                       
                       <select class="form-control">
                          <option value="">1</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                       </select>	
                    </div>
              </div>
              
              
              
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">学科</label>
                    <div class="col-sm-10">
                       
                       <select class="form-control">
                          <option value="">语文</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                       </select>	
                    </div>
              </div>
              
              
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">原科任</label>
                    <div class="col-sm-10">
                       
                        <input type="text" class="form-control" id="" placeholder="原科任">
                    </div>
              </div>
              
              
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label" >代课课程</label>
                    <div class="col-sm-10">
                       
                        <input type="text" class="form-control" id="" data-toggle="modal" data-target="#myModal" placeholder="代课课程">
                    </div>
              </div>
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">开始日期</label>
                    <div class="col-sm-10">
                       
                        <input type="text" class="form-control" id="datepicker" placeholder="开始日期">
                    </div>
              </div>
              
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">结束日期</label>
                    <div class="col-sm-10">
                       
                        <input type="text" class="form-control" id="datepicker2" placeholder="结束日期">
                    </div>
              </div>
              
              
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">代课学科</label>
                    <div class="col-sm-10">
                       
                       <select class="form-control">
                          <option value="">语文</option>
                          <option>2</option>
                          <option>3</option>
                          <option>4</option>
                          <option>5</option>
                       </select>	
                    </div>
              </div>
              
                 <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">代课教师</label>
                    <div class="col-sm-10">
                       
                        <input type="text" class="form-control" id="" placeholder="代课教师">
                    </div>
              </div>
              
              
               
               <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-label">请假原因</label>
                    <div class="col-sm-10">
                       
                       <select class="form-control">
                          <option value="">公假</option>
                          <option>病假</option>
                          <option>事假</option>
                          <option>产假</option>
                          <option>婚假</option>
                       </select>	
                    </div>
              </div>
              
              
          </form>
     
      </div>
      
     
</div><!--container  end-->
<!--主体部分  end-->
<!--底部-->

<div class="container" style="margin-top:15%;">
    <div class="row">
       
     <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
        <div class="col-md-4  col-xs-4 text-center" >
          <p class="glyphicon glyphicon-home white footer_font"></p>
          <p><a href="" class="white  footer_font2">首页</a></p>
        </div>
        
         <div class="col-md-4 col-xs-4 text-center white  ">
           <p class="glyphicon glyphicon-comment white  footer_font"></p>
           <p><a href=""  class="white  footer_font2">消息</a></p>
         </div>
          <div class="col-md-4 col-xs-4 text-center white" >
           <p class="glyphicon glyphicon-asterisk white footer_font"></p>
           <p ><a href=""  class="white  footer_font2">设置</a></p>
          </div>
        
     </div><!--footer  end-->
    
    </div><!--row  end-->

</div><!--container  end-->


<!--底部end-->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
        <h4 class="modal-title" id="myModalLabel">课程表</h4>
      </div>
      <div class="modal-body">
          <h4 class="text-center">2012级高一二班单周课程表</h4>
     <table class="table table-bordered  text-center">
        
        <tr>
            <th>节次</th>
            <th>星期一</th>
            <th>星期二</th>
            <th>星期三</th>
            <th>星期四</th>
            <th>星期五</th>
           
        </tr>
        
        <tr>
        
           <td>1</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>
        
         <tr>
        
           <td>2</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr> 
         <tr>
        
           <td>3</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>
        
         <tr>
        
           <td>4</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>  
        
        
        <tr style=" height:20px;"><td></td></tr>
        
         <tr>
        
           <td>5</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>
         <tr>
        
           <td>6</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>
         <tr>
        
           <td>7</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>
        
         <tr>
        
           <td>8</td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>数学</p><p>陈老师</p></td>
           <td><p>英语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
           <td><p>外语</p><p>陈老师</p></td>
        </tr>
        
             
     </table>
    
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>
<!--日历-->
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		 
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script>


</body>
</html>
